<template>
    <div class="son">
        <h3>孙组件的背景颜色</h3>
        <h4>$attrs:{{ $attrs }}</h4>
        <h4>$attrs:{{ $attrs.b }}</h4>
        <h4>直接传值(defineProps接收到的数据): {{ a }}</h4>
        <button @click="updateA(6)">点击修改数据a,并更新father组件的a</button>
    </div>
</template>

<script setup lang="ts" name="GroundSon">
import {ref} from 'vue'
defineProps(['a','updateA']) // 可以收到Father.vue组件中任意一个的值，不接收可以默认从$attrs获得
function changeNumber() {

}
</script>

<style scoped>
    .son{
        background-color: red;
        padding: 10px;
        box-shadow: 0 0 10px black;
        border-radius: 10px;
    }
</style>